import { ReactNode } from 'react'
import styles from './style.module.css'

interface IOption {
  icon: ReactNode
  value: string
}
interface Props {
  options: IOption[]
}

export default function Options({ options = [] }: Props) {
  return (
    <div className={`flex justify-end ${styles.options}`}>
      {options.map((item, index) => (
        <div key={index} className="flex items-center justify-between font-semibold mr-2 text-2xl">
          {item.icon}
          <span className='text-xs ml-2'>{item.value}</span>
        </div>
      ))}
    </div>
  )
}